import {Colors} from 'react-native-ui-lib';

const light = {
  // BACKGROUND
  $backgroundDefault: Colors.white,
  $backgroundElevated: Colors.white,
  $backgroundElevatedLight: Colors.white,
  $backgroundNeutralHeavy: Colors.grey20,
  $backgroundNeutralIdle: Colors.grey40,
  $backgroundNeutralMedium: Colors.grey60,
  $backgroundNeutral: Colors.grey70,
  $backgroundNeutralLight: Colors.grey80,
  $backgroundPrimaryHeavy: Colors.violet30,
  $backgroundPrimaryMedium: Colors.violet70,
  $backgroundPrimaryLight: Colors.violet80,
  $backgroundGeneralHeavy: Colors.blue30,
  $backgroundGeneralMedium: Colors.blue70,
  $backgroundGeneralLight: Colors.blue80,
  $backgroundSuccessHeavy: Colors.green30,
  $backgroundSuccessLight: Colors.green80,
  $backgroundWarningHeavy: Colors.yellow30,
  $backgroundWarningLight: Colors.yellow70,
  $backgroundMajorLight: Colors.orange80,
  $backgroundMajorHeavy: Colors.orange30,
  $backgroundDangerHeavy: Colors.red30,
  $backgroundDangerLight: Colors.red80,
  $backgroundDisabled: Colors.grey50,
  $backgroundDark: Colors.grey10,
  $backgroundDarkElevated: Colors.grey10,
  $backgroundDarkActive: Colors.grey20,
  $backgroundInverted: Colors.grey10,

  // TEXT
  $textDisabled: Colors.grey50,
  $textDefault: Colors.grey10,
  $textNeutralHeavy: Colors.grey20,
  $textNeutral: Colors.grey30,
  $textNeutralLight: Colors.grey40,
  $textDefaultLight: Colors.white,
  $textPrimary: Colors.violet30,
  $textGeneral: Colors.blue30,
  $textSuccess: Colors.green10,
  $textSuccessLight: Colors.green30,
  $textMajor: Colors.orange10,
  $textDanger: Colors.red10,
  $textDangerLight: Colors.red30,

  // ICON
  $iconDefault: Colors.grey10,
  $iconNeutral: Colors.grey20,
  $iconDefaultLight: Colors.white,
  $iconPrimary: Colors.violet30,
  $iconPrimaryLight: Colors.violet50,
  $iconGeneral: Colors.blue30,
  $iconGeneralLight: Colors.blue50,
  $iconSuccess: Colors.green10,
  $iconSuccessLight: Colors.green30,
  $iconMajor: Colors.orange10,
  $iconDanger: Colors.red10,
  $iconDangerLight: Colors.red30,
  $iconDisabled: Colors.grey50,

  // OUTLINE
  $outlineDefault: Colors.grey60,
  $outlineDisabled: Colors.grey50,
  $outlineDisabledHeavy: Colors.grey30,
  $outlinePrimary: Colors.violet30,
  $outlineGeneral: Colors.blue30,
  $outlineWarning: Colors.yellow30,
  $outlineDanger: Colors.red30,
  $outlineInverted: Colors.white,
};

const dark = {
  // BACKGROUND
  $backgroundDefault: Colors.dark,
  $backgroundElevated: Colors.grey1,
  $backgroundElevatedLight: Colors.grey10,
  $backgroundNeutralHeavy: Colors.grey50,
  $backgroundNeutralIdle: Colors.grey30,
  $backgroundNeutralMedium: Colors.grey10,
  $backgroundNeutral: Colors.grey5,
  $backgroundNeutralLight: Colors.grey1,
  $backgroundPrimaryHeavy: Colors.violet50,
  $backgroundPrimaryMedium: Colors.violet5,
  $backgroundPrimaryLight: Colors.violet1,
  $backgroundGeneralHeavy: Colors.blue50,
  $backgroundGeneralMedium: Colors.blue5,
  $backgroundGeneralLight: Colors.blue1,
  $backgroundSuccessHeavy: Colors.green40,
  $backgroundSuccessLight: Colors.green1,
  $backgroundWarningHeavy: Colors.yellow40,
  $backgroundWarningLight: Colors.yellow1,
  $backgroundMajorLight: Colors.orange1,
  $backgroundMajorHeavy: Colors.orange40,
  $backgroundDangerHeavy: Colors.red40,
  $backgroundDangerLight: Colors.red1,
  $backgroundDisabled: Colors.grey20,
  $backgroundDark: Colors.grey10,
  $backgroundDarkElevated: Colors.grey20,
  $backgroundDarkActive: Colors.grey20,
  $backgroundInverted: Colors.grey80,

  // TEXT
  $textDisabled: Colors.grey20,
  $textDefault: Colors.grey60,
  $textNeutralHeavy: Colors.grey50,
  $textNeutral: Colors.grey40,
  $textNeutralLight: Colors.grey30,
  $textDefaultLight: Colors.grey10,
  $textPrimary: Colors.violet50,
  $textGeneral: Colors.blue50,
  $textSuccess: Colors.green60,
  $textSuccessLight: Colors.green40,
  $textMajor: Colors.orange60,
  $textDanger: Colors.red60,
  $textDangerLight: Colors.red40,

  // ICON
  $iconDefault: Colors.grey60,
  $iconNeutral: Colors.grey50,
  $iconDefaultLight: Colors.grey10,
  $iconPrimary: Colors.violet50,
  $iconPrimaryLight: Colors.violet30,
  $iconGeneral: Colors.blue50,
  $iconGeneralLight: Colors.blue30,
  $iconSuccess: Colors.green60,
  $iconSuccessLight: Colors.green40,
  $iconMajor: Colors.orange60,
  $iconDanger: Colors.red60,
  $iconDangerLight: Colors.red40,
  $iconDisabled: Colors.grey20,

  // OUTLINE
  $outlineDefault: Colors.grey5,
  $outlineDisabled: Colors.grey20,
  $outlineDisabledHeavy: Colors.grey40,
  $outlinePrimary: Colors.violet50,
  $outlineGeneral: Colors.blue50,
  $outlineWarning: Colors.yellow40,
  $outlineDanger: Colors.red40,
  $outlineInverted: Colors.grey10,
};

export {light, dark};
